<template>
  <div class="view-setting">
    <el-form ref="form" :model="form" label-width="80px">
      <el-form-item label="携带凭证">
        <el-select v-model="form.credentials" placeholder="请选择">
          <el-option
            v-for="item in [{label: '同源', value: 'same-origin'},{label: '任意', value: 'include'},{label: '不发送', value: 'omit'}]"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="使用代理">
        <el-switch v-model="form.isProxy"></el-switch>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data () {
    return {
      form: {
        credentials: 'same-origin',
        isProxy: false
      }
    }
  },

  methods: {

  }
}
</script>

<style lang="less" scoped>
.view-setting {
  padding-top: 8px;
  /deep/.el-form-item {
    margin-bottom: 8px;
  }
}
</style>